<template>
	<view class="container">
		<view class="fgx">
		</view>
		<view class="u-flex u-row-center gognxi u-m-t-30 u-m-b-30">
		恭喜您仲裁胜诉
		</view>
		<view class="u-flex u-row-center gognxiwen u-m-t-30 u-m-b-30">
		胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说明，胜诉说
		</view>
		
		<view class="fgx">
		</view>
		<view class="top">
			<view class="tdmc u-m-l-30">
				<text>项目名称</text>
				<text class="right">武汉三六长江大桥</text>
			</view>
			<view class="tdmc u-m-l-30">
				<text>项目地点</text>
				<text class="right">武汉</text>
			</view>

			<view class="tdmc u-m-l-30">
				<text>进展阶段</text>
				<text class="right">已完成</text>
			</view>
			<view class="u-m-l-30 tdmc">
				<text>争议诉求</text>
				<text class="right">争议诉求违约金</text>
			</view>
			<view class="u-m-l-30 tdmc tdtebie">
				<text>争议内容</text>
				
			</view>
			<view class="">
				<view class="zwpj">
				</view>
			</view>
		<view class="tdmc tdtebie">
			<text>其他内容</text>
			
		</view>
		<view class="">
			<view class="zwpj">
			</view>
		</view>
				
			</view>
			<view class="fgx">
			</view>
			<view class="u-m-t-30 u-m-l-30 u-m-b-30">
				仲裁意见
			</view>
			<view class="item" v-for="(item,index) in 7" :key="index">
				<view class="left">
					<view class="dot">
						<image src="../../static/img/paimingimg.png"></image>
					</view>
				</view>
				<view class="center">
					<view class="title">华晨宇</view>
					<view class="time u-m-t-40">仲裁意见，仲裁意见，仲裁意见。</view>
				</view>
				<view class="right">
					<view class="amount">2020/09/21  16:15:18</view>
				</view>
			</view>
		
		<view class="u-flex u-row-center time u-m-t-50 u-m-b-50">
			     <label class="radio"><radio value="r2" /></label>
			先行赔付规则 
		</view>
		<u-button class="button" @click="submit">我知道了</u-button>
		<view style="color: #9DA2B0;padding-bottom:49rpx;text-align: center;">协商无果？您可申请<text style="color:#AB61FF;">申请赔付</text>
                            </view>
		</view>
	
	

	</view>
</template>

<script>
	export default {

		data() {
			return {
				bjxm: "../../static/homepage/xmkk.png",
				list: [{
						name: '张三',
						logo: '姓名',
						explain: '能者多得',
						leader: true
					},
					{
						name: '张三',
						logo: '姓名',
						explain: '能者多得'
					},
					{
						name: '张三',
						logo: '姓名',
						explain: '能者多得'
					},
				]
			}
		},
		onLoad(options) {

		},
		methods: {
			toTeamMembers() {
				uni.navigateTo({
					url: "../../notepad/zhihuiTeam/teamMembers"
				})
			},
			toProjectAllocation() {
				uni.navigateTo({
					url: "../../notepad/zhihuiTeam/projectAllocationDetails"
				})
			},
			tohomepage() {
				uni.navigateTo({
					url: "../../homepage/homepage"
				})
			},
			toteamPage() {
				uni.navigateTo({
					url: "../../homepage/teamPage"
				})
			},
			tonewSummary() {
				uni.navigateTo({
					// url:"../../notepad/zhihuiTeam/newSummary"
				})
			},
			toConfirmation() {
				uni.navigateTo({
					// url:"../../notepad/zhihuiTeam/confirmation"
				})
			},
			toMinutesOfMeeting() {
				uni.navigateTo({
					// url:"../../notepad/zhihuiTeam/minutesOfMeeting"
				})
			},
			toFile() {
				uni.navigateTo({
					url: "../../notepad/zhihuiTeam/file"
				})
			}
		},

	}
</script>

<style scoped lang="scss">
	.radio{
		   transform:scale(0.5);
	}
	.button {
		width: 662rpx;
		margin: 49rpx auto 90rpx auto;
		background: #ab61ff;
		border-radius: 40rpx;
		border: 0;
		color: #fff;
	
		&.u-hairline-border:after {
			border: 0;
		}
	}
	.item {
		width: 100%;
		height: 160upx;
		background-color: #fff;
		border-radius: 20upx;
		margin-bottom: 20upx;
		display: flex;
		padding: 0rpx 24rpx;
		justify-content: space-between;
		border-bottom: 1px solid #DADFED;
		;
	
		.right {
			display: flex;
			align-items: center;
	margin-bottom: 70rpx;
	

			.amount {
				width: 100%;
				
color: #4B9CFF;
			font-size: 26rpx;
				text-align: right;
				margin-right: 15rpx;
	
			}
		}
	
		.righttwo {
			display: flex;
			flex-direction: column;
			align-items: center;
	
			.amountmoney {
				font-size: 34rpx;
	
				color: #AB61FF;
			}
	
			.amount {
	
				font-size: 24rpx;
				color: #FF9E21;
			}
		}
	
		.center {
			margin-left: 24rpx;
			display: flex;
			flex-direction: column;
			padding: 20upx 0;
			justify-content: space-between;
			flex: 1;
	
			.title {
				color: #0E1E36;
				font-size: 32rpx;
			}
	
			.time {
				color: #888E9A;
				font-size: 26rpx;
			}
		}
	
		.left {
			display: flex;
			align-items: center;
	
			.dot image {
				width: 104rpx;
				height: 120rpx;
			}
		}
	}
	.zwpj {
		width: 90%;
		margin: 0 auto;
		height: 260rpx;
		background-color: #F5F5F9;
		font-size: 30rpx;
		color: #F5F5F9;
		border-radius: 10rpx;
		line-height: 44rpx;
	}
	.gognxi{
		
color: #259EF9;

font-size: 32rpx;
	}
	.gognxiwen{
		width: 90%;
		margin: 0 auto;
font-size: 28rpx;
color: #9DA2B0;
	}
	.tdmc {
		// line-height: 100rpx;
		border-bottom: 2rpx solid #DADFED;
		width: 90%;
		margin-left: 5%;
		padding: 30rpx;

		text {
			font-size: 30rpx;
			color: #0D1D36;
		}

		.right {
			position: absolute;
			left: 228rpx;
			
color: #9DA2B0;
		}

		.jine {
			position: absolute;
			left: 228rpx;
			font-size: 30rpx;
			color: #AB61FF;
		}
	}

	.tdtebie {
		border-bottom: none;
	}

	.fgx {
		width: 100%;
		height: 20rpx;
		background-color: #F5F5F9;
		margin-top: 20rpx;
	}

	.xmkk {
		width: 102rpx;
		height: 118rpx;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 0 bottom;

		text {
			color: #888D99;
			font-size: 26rpx;
			line-height: 118rpx;
			margin-left: 27rpx;
		}
	}

	.xmfp {
		color: #0D1D36;
		font-weight: bold;
	}

	.xmfpxj {
		width: 690rpx;
		height: 600rpx;
		background: #F5F5F9;
		border-radius: 10rpx;

		.tubiao {
			color: #0D1D36;
			font-size: 30rpx;
		}

		.xhx {
			width: 100%;
			height: 1rpx;
			background-color: #CACEDB;
			margin-top: 20rpx;
		}
	}

	.qylg {
		width: 102rpx;
		height: 118rpx;
		background-size: 100% auto;
		background-position: 0 bottom;
		margin-left: 28rpx;
		margin-top: 15rpx;

		text {
			color: #888D99;
			font-size: 26rpx;
			line-height: 118rpx;
			margin-left: 27rpx;
		}
	}

	.title {
		display: flex;
		justify-content: space-between;
	}

	.tz {
		width: 68rpx;
		color: #FFFFFF;
		font-size: 24rpx;
		height: 36rpx;
		background: #AB61FF;
		border-radius: 6rpx;
		margin-left: 20rpx;
	}

	.name {
		font-size: 30rpx;
		color: #0D1D36;
		font-weight: bold;
	}

	.explain {
		color: #888D99;
		font-size: 26rpx;
	}

	.fpbl {
		position: absolute;
		left: 500rpx;

		text {
			font-size: 24rpx;
			color: #4B9CFF;
		}

		.fpblsz {
			width: 68rpx;
			height: 36rpx;
			border: 2rpx solid #4B9CFF;
			border-radius: 6rpx;
			margin-left: 10rpx;
		}

		.bfh {
			font-size: 24rpx;
			margin-left: 15rpx;
		}
	}

	.ckqb {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 26rpx;
		color: #FF8F28;
		margin-top: 30rpx;
	}

	.xhx {
		width: 100%;
		height: 2rpx;
		background-color: #DADFED;
		margin-top: 34rpx;
	}

	.scxy {
		display: flex;
		align-items: center;
		width: 190rpx;
		height: 52rpx;
		border: 2rpx solid #AB61FF;
		border-radius: 26rpx;
		color: #AB61FF;
		font-size: 26rpx;

		image {
			width: 30rpx;
			height: 30rpx;
			margin-top: 5rpx;
			margin-left: 26rpx;
		}
	}

	.tdxy {
		width: 690rpx;
		height: 159rpx;
		background: #F5F5F9;
		border-radius: 20rpx;

		.word {
			display: flex;
			align-items: center;

			image {
				width: 41rpx;
				height: 37rpx;
			}

			text {
				color: #4B9CFF;
				font-size: 30rpx;
				margin-left: 16rpx;
			}
		}
	}

	.scsj {
		color: #0D1D36;
		font-size: 26rpx;
	}

	.sctime {
		display: flex;
		align-items: center;
		color: #888D99;
		font-size: 30rpx;
		margin-left: 20rpx;
	}

	.ty {
		width: 18rpx;
		height: 18rpx;
		background: #888D99;
		border-radius: 50%;
	}

	.xmjz {
		color: #888D99;
		font-size: 30rpx;
		margin-left: 20rpx;
	}

	.xx {
		width: 2rpx;
		height: 468rpx;
		border: 2rpx dashed #888D99;
		opacity: 0.5;
		margin-left: 7rpx;
		margin-top: -10rpx;
	}

	.zxjz {
		color: #0D1D36;
		font-size: 30rpx;
		font-weight: bold;
		margin-left: 40rpx;
		margin-top: -100rpx;
	}

	.tp {
		width: 192rpx;
		height: 192rpx;
		border-radius: 10rpx;
		background-color: #F5F5F9;
		margin-right: 30rpx;
		margin-left: 30rpx;
		margin-top: 24rpx;
	}

	.tyqk {
		color: #0D1D36;
		font-size: 26rpx;
	}

	.hekuai {
		color: #FFFFFF;
		font-size: 26rpx;
		width: 72rpx;
		height: 32rpx;
		background: #4F5A78;
		border-radius: 4rpx;
		text-align: center;
		line-height: 32rpx;
		margin-left: 22rpx;
	}

	.sd {
		width: 48rpx;
		height: 48rpx;
		margin-left: 341rpx;
	}

	.word {
		display: flex;
		align-items: center;

		image {
			width: 41rpx;
			height: 37rpx;
		}

		text {
			color: #4B9CFF;
			font-size: 30rpx;
			margin-left: 16rpx;
		}
	}

	.qymc {
		width: 102rpx;
		height: 118rpx;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 0 bottom;

		text {
			color: #888D99;
			font-size: 20rpx;
			line-height: 118rpx;
			margin-left: 8rpx;
		}
	}
</style>
